﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery+html5全套大气商务电子企业模板源码</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="css/swiper-3.2.7.min.css">
    <!--[if lt IE 9]>
    <script src="/static/common/js/html5.min.js"></script>
    <![endif]-->
    <script src="js/common.js"></script>
    <script src="js/lunbo.js"></script>
	<link rel="stylesheet" href="css/pro_adver_com.css">
	<link rel="stylesheet" href="css/lunbo.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="/static/home/css/interactionie8.css?v=1.0">
<![endif]-->
<script>

</script>

</head>
<body style="overflow:-Scroll;overflow-x:hidden">
<header class="clearFix">
    <div>
        <h1 class="pull-left" data-scroll-reveal="enter left over 1s and move 300px after 0.5s">
            <a style="display: block; width: 100%; height: 100%;" href="/index/index">大咖传媒</a>
        </h1>
        <div id="nav" class="pull-right" data-scroll-reveal="enter top over 1s and move 300px after 0.5s">
            <ul class="clearFix">
                 <li><a href="index.html" class=" current ">首页</a></li>
                <li><a href="introduce.html" class="">公司介绍</a></li>
                <li><a href="dsp.html" class="">培训项目</a></li>
                <li><a href="guanggao.html" class="">项目优势</a></li>
                <li><a href="notice.html" class="">新闻动态</a></li>
                <li><a href="help.html" class="">联系我们</a></li>
                <li><a href="http://www.smallseashell.com/pins/demoshow/16298" target="_blank">账号登陆</a></li>
            </ul>
            <div class="nav-current"></div>
        </div>
    </div>
</header>

<div class="banner" data-scroll-reveal="enter right over 1s and move 300px after 0.8s">
    <div id="slide-holder">
		<div id="slide-runner">
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-1" src="images/advertisers.png" class="slide" alt="" /></a>
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-2" src="images/banner.png" class="slide" alt="" /></a>
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-3" src="images/group.png" class="slide" alt="" /></a>
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-4" src="images/news.png" class="slide" alt="" /></a>
			<a href="http://www.smallseashell.com/pins/16298.html" target="_blank"><img id="slide-img-5" src="images/help.png" class="slide" alt="" /></a>
			<div id="slide-controls">
            <p id="slide-client" class="text"><strong></strong><span></span></p>
            <p id="slide-desc" class="text"></p>
            <p id="slide-nav"></p>
			</div>
		</div>
    </div>
</div>
<script type="text/javascript">
if(!window.slider) {
    var slider={};
}

slider.data= [
{
    "id":"slide-img-1", // 与slide-runner中的img标签id对应
    "client":"标题1",
    "desc":"生活就像一坨屎 越吃越香" //这里修改描述
},
{
    "id":"slide-img-2",
    "client":"标题2",
    "desc":"爱简单，简单爱"
},
{
    "id":"slide-img-3",
    "client":"标题3",
    "desc":"世界那么大，想去看看"
},
{
    "id":"slide-img-4",
    "client":"标题4",
    "desc":"像是黑暗中突如其来的一束光"
},
{
    "id":"slide-img-5",
    "client":"标题5",
    "desc":"珍惜現在 展望未來 過去的美好只需回味"
}
];
</script>
<section class="product_list">
    <ul class="clearFix">
       <li data-scroll-reveal="enter bottom after 0.5s">
            <img class="one" src="images/solution.png" alt="解决方案">
            <img class="active two" src="images/solution1.png" alt="解决方案">
            <p class="active">解决方案</p>
        </li>
        <li data-scroll-reveal="enter bottom after 1.5s">
            <img class="active" src="images/show.png" alt="展现形式">
            <img src="images/show1.png" alt="展现形式">
            <p>展现形式</p>
        </li>
        <li data-scroll-reveal="enter bottom after 2s">
            <img class="active" src="images/interaction.png" alt="广告互动">
            <img src="images/interaction1.png" alt="广告互动">
            <p>广告互动</p>
        </li>
        <li data-scroll-reveal="enter bottom after 2.5s">
            <img class="active" src="images/cooperation.png" alt="合作伙伴">
            <img src="images/cooperation1.png" alt="合作伙伴">
            <p>合作伙伴</p>
        </li>
    </ul>
</section>
<div class="product_list_con">
    <section class=" active solution_con">
        <ul style="width: 690px; margin: 0 auto;">
            <li class="clearFix" data-scroll-reveal="enter left after 0.5s">
                <p class="pull-left">
                    强大营销策划团队，为客户创作大创意，建立消费者与品牌更深连接。大咖为客户提供移动领域全案营销服务，服务包含但不限于活动策划、品牌营销、APP推广、ASO服务等。
                </p>
                <div class="pull-right">
                </div>
            </li>
            <li class="clearFix" data-scroll-reveal="enter right after 1.5s">
                <div class="pull-left" style="background-position: 0 -177px">
                </div>
                <p class="pull-right">
                    整合应用商店、优质媒体、移动搜索等资源，更多流量支持。
                </p>
            </li>
            <li class="clearFix" data-scroll-reveal="enter right after 2s">
                <p class="pull-left">
                    独家手机厂商海量数据，立体定向，自动优化，监测可控，确保更细粒度有效投放。
                </p>
                <div class="pull-right" style="background-position: -155px 0">
                </div>
            </li>
        </ul>
    </section>
    <section class="show_con">
        <ul style="width: 690px; margin: 0 auto;">
            <li class="clearFix">
                <div class="pull-left">
                    <h4>通栏广告</h4>
                    <p>
                        规格：320 * 50   640 * 100
                        最大120K
                    </p>
                </div>
                <div class="pull-right">
                    <img src="images/show_icon_08.png">

                </div>
            </li>
            <li class="clearFix">
                <div class="pull-left">
                    <h4>开屏广告</h4>
                    <p>
                        规格：640 * 960    （480 * 720）
                        640 * 1136   （480 * 854）
                        768 * 1280   （480 * 800）
                        最大200K
                    </p>
                </div>
                <div class="pull-right">
                    <img src="images/show_icon_06.png">
                </div>
            </li>
            <li class="clearFix">

                <div class="pull-left">
                    <h4>插屏广告</h4>
                    <p>
                        规格：600 * 500 （300 * 250）
                        960 * 640 （480 * 320）
                        最大150K
                    </p>
                </div>
                <div class="pull-right">
                    <img src="images/show_icon_03.png">
                </div>
            </li>
        </ul>
    </section>
    <section class="interaction_con">
        <ul class="clearFix">
            <li class="pull-left">
                <div style="background-position: -1056px 0\9;">
                </div>
                <p>电话直拨</p>
            </li>
            <li class="pull-left">
                <div style="background-position: -530px 0\9;">

                </div>
                <p>在线购买</p>
            </li>
            <li class="pull-left">
                <div style="background-position: -785px 0\9;">

                </div>
                <p>SNS分享</p>
            </li>
            <li class="pull-left">
                <div style="background-position: -131px 0\9;">

                </div>
                <p>优惠券下载</p>
            </li>
            <li class="pull-left">
                <div style="background-position: -655px 0\9;">

                </div>
                <p>地图导航</p>
            </li>
            <li class="pull-left">
                <div style="background-position: -925px 0\9;">

                </div>
                <p>重力感应</p>
            </li>
            <li class="pull-left">
                <div style="background-position: -263px 0\9;">

                </div>
                <p>应用下载</p>
            </li>
            <li class="pull-left">
                <div style="background-position: 0 0\9;">

                </div>
                <p>视频播放</p>
            </li>
            <li class="pull-left">
                <div style="background-position: -408px 0\9;">

                </div>
                <p>音乐播放</p>
            </li>
        </ul>
    </section>
    <section class="cooperation_con">
        <div>
            <h3>广告主</h3>
            <ul class="clearFix">
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat 0 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat -120px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat -240px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat -360px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat -480px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat -600px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat -720px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat -840px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat 0 -120px;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon.png) no-repeat -120px -120px;"></div>
                </li>
            </ul>
        </div>
        <div>
            <h3>媒体</h3>
            <ul class="clearFix">
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat 0 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat -120px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat -240px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat -360px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat -480px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat -600px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat -720px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat -840px 0;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat 0 -120px;"></div>
                </li>
                <li>
                    <div style="background: url(images/cooperation_icon2.png) no-repeat -120px -120px;"></div>
                </li>
            </ul>
        </div>
    </section>
</div>

<footer id="footer">
    <div class="clearFix" style="padding: 4% 5% 1% 5%; height:90%;">
        <div class="pull-left" style="width: 70%" data-scroll-reveal="enter left after 0.5s">
            <ul class="clearFix">
                <li class="pull-left">
                    <dl>
                        <dt>广告主</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">解决方案</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">展现形式</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">广告互动</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">合作伙伴</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>产品介绍</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖交易平台</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖DSP</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖SSP</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖DMP</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>新闻中心</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖公告</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">产品动态</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">媒体报道</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">最新活动</a></dd>
                    </dl>
                </li>
                <li class="pull-left">
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">大咖传媒</a></dd>
                        <dd><a href="http://www.smallseashell.com/pins/demoshow/16298">加入我们</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="pull-right clearFix code_img" style="width: 30%;" data-scroll-reveal="enter right after 0.5s">
            <div class="pull-left">
                <img src="images/weixin_code.png">
                <p>大咖官方微信</p>
            </div>
            <div class="pull-right">
                <img src="images/weibo_code.png">
                <p>大咖官方微博</p>
            </div>
        </div>
    </div>
    <p id="record" style="text-align: center; line-height: 25px; background: #282828; font-size: 14px; height:25px;width: 100%;">@小pi酱 京ICP备14038000号  京公网安备11010502027357</p>
</footer>
<!--Animation-->
<script src="js/scrollReveal.js"></script>
<script>
(function(){
    window.scrollReveal = new scrollReveal({ reset: true, move: '50px'});
})();
</script>

</body>
</html>